<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
		<link rel="stylesheet" type="text/css" href="../css/upload.css" />
	</head>

	<body>

		<header class="header row">
			<i class="backup mui-icon mui-icon-closeempty mui-pull-left"></i>
			<!--<p class="mui-col-sm-12 mui-col-xs-12 ">发布</p>-->
			<h1 class="mui-title">发布</h1>
		</header>
		
		<div class="mui-content toph">
			<input type="text" name="title" class="title_input titles" placeholder="标题党都爱看" value=""/>
			<div class="content">
				<textarea name="" rows="" cols="" class="textcontent" placeholder="说出你的故事" value=""></textarea>
				<div class="upload_img">
					<img class="imgup" src="../img/plus.png" />
				</div>
			</div>
		</div>
		<div class="mui-content mtoph sex">
			<div class="mui-row">
				<div class="mui-input-row mui-radio mui-col-sm-4">
					<label>男女不限</label>
					<input name="sex" type="radio" value="0" checked>
				</div>
				<div class="mui-input-row mui-radio mui-col-sm-4">
					<label>仅限男</label>
					<input name="sex" type="radio" value="1">
				</div>
				<div class="mui-input-row mui-radio mui-col-sm-4">
					<label>仅限女</label>
					<input name="sex" type="radio" value="2">
				</div>
			</div>
		</div>
		
		<div class="mui-content mtoph tel">
			<input type="tel" id="" value="" name="tel" maxlength="11" placeholder="联系电话" />
		</div>
		
		
		<div class="mui-content mtoph">
			<ul class="mui-row mui-table-view ">
			    <li class="mui-table-view-cell mui-col-xs-4">
			        <a class="mui-navigate-right selectDate">选择时间</a>
			    </li>
			    <li class="mui-table-view-cell mui-col-xs-4">
			        <a href="#popover" class="mui-navigate-right selectType">选择分类</a>
			    </li>
			    <li class="mui-table-view-cell mui-col-xs-4">
			        <!--<a href="#popover" class="mui-navigate-right selectType">选择人数</a>-->
			        <a href="#"><input class="pero" type="number" name="" id="" value="" placeholder="填写人数" maxlength="2" /></a> 
			    </li>
			    <div style="clear: both;" class=""></div>
			</ul>
			
			
			<div id="popover" class="mui-popover">
			  <ul class="mui-table-view">
			    <li class="mui-table-view-cell" v-for="type in types"><a href="#" :data-size="type.id" v-text="type.type"></a></li>
			    
			  </ul>
			</div>
		</div>
		
		<div class="submit">
			
		</div>

		<script src="../js/mui.min.js"></script>
		<script src="../js/ip.js" type="text/javascript" charset="utf-8"></script>
		<script src="../vue/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/upload.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>